<template>
  <div class="foot-warp">
    <div class="item" m-8>
      <dv-border-box13><FootLeft /></dv-border-box13>
    </div>
    <div class="item" m-8>
      <dv-border-box13 :dur="5">3333</dv-border-box13>
    </div>
    <div class="item" m-8>
      <dv-border-box13><FootRight /></dv-border-box13>
    </div>
  </div>
</template>

<script setup></script>
<style scoped lang="scss">
.foot-warp {
  display: flex;
  width: 100%;
  height: auto;
  .item {
    height: 24rem;
  }
}

.item:nth-child(1) {
  flex: 0 1 30%;
}

.item:nth-child(2) {
  display: flex;
  flex: 0 1 40%;
  .title {
    @apply text-21px text-primary flex-center;
  }
}

.item:nth-child(3) {
  flex: 0 1 30%;
}
</style>
